<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>银行系统 - 主页</title>
<style>
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.header {
    background-color: #333;
    color: white;
    padding: 20px;
    text-align: center;
}

.navbar {
    background-color: #444;
    overflow: hidden;
}

.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbar a:hover {
    background-color: #555;
}

.content {
    padding: 20px;
}

.welcome {
    text-align: center;
    margin-bottom: 20px;
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.feature {
    width: 200px;
    margin: 10px;
    padding: 20px;
    background-color: #f1f1f1;
    border-radius: 5px;
    text-align: center;
}

.feature i {
    font-size: 36px;
    margin-bottom: 10px;
    color: #4CAF50;
}
</style>
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<h1>yhhhhhhhhh</h1>
    <div class="header">
        <h1>银行管理系统</h1>
        <p>欢迎您<c:out value="${sessionScope.user.username}" /></p>
    </div>
    
    <div class="navbar">
        <a href="account">账户管理</a>
        <a href="loan">贷款管理</a>
        <a href="userinfo.jsp">个人信息</a>
        <a href="changePassword.jsp">修改密码</a>
        <a href="logout">退出登录</a>
    </div>
    
    <div class="content">
        <div class="welcome">
            <h2>欢迎使用银行管理系统</h2>
            <p>您可以通过左侧导航栏访问系统的各项功能</p>
        </div>
        
        <div class="features">
            <div class="feature">
                <i class="fa fa-credit-card"></i>
                <h3>账户管理</h3>
                <p>查看和管理您的银行账户</p>
            </div>
            
            <div class="feature">
                <i class="fa fa-money"></i>
                <h3>贷款服务</h3>
                <p>申请贷款和查看贷款信息</p>
            </div>
            
            <div class="feature">
                <i class="fa fa-user"></i>
                <h3>个人信息</h3>
                <p>管理您的个人信息</p>
            </div>
            
            <div class="feature">
                <i class="fa fa-lock"></i>
                <h3>安全中心</h3>
                <p>修改密码和账户安全设置</p>
            </div>
        </div>
    </div>
</body>
</html>